<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Base超市-登陆</title>

	<link rel="icon"       th:href="@{/img/Fevicon.png}" type="image/png">
    <link rel="stylesheet" th:href="@{/vendors/bootstrap/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/vendors/fontawesome/css/all.min.css}">
	<link rel="stylesheet" th:href="@{/vendors/themify-icons/themify-icons.css}">
	<link rel="stylesheet" th:href="@{/vendors/linericon/style.css}">
    <link rel="stylesheet" th:href="@{/vendors/owl-carousel/owl.theme.default.min.css}">
    <link rel="stylesheet" th:href="@{/vendors/owl-carousel/owl.carousel.min.css}">
    <link rel="stylesheet" th:href="@{/vendors/nice-select/nice-select.css}">
    <link rel="stylesheet" th:href="@{/vendors/nouislider/nouislider.min.css}">
	<link rel="stylesheet" th:href="@{/css/elegant-icons.css}" type="text/css">
	<link rel="stylesheet" th:href="@{/css/style.css}">
	<link rel="stylesheet" th:href="@{/css/style-1.css}">
</head>
<body>
	<!--================ Start Header Menu Area =================-->
	<header class="header" th:replace="~{comm/common::header}"/>
	<!--================ End Header Menu Area =================-->

  
  <!--================Login Box Area =================-->
	<section class="login_box_area section-margin">
		<div class="container">
			<div class="row">
				<div class="col-lg-6">
					<div class="login_box_img">
						<div class="hover">
							<h4>新用户?</h4>
							<p>欢迎光临BASE超市！</p>
							<a class="button button-account" href="register.html">创建账户</a>
						</div>
					</div>
				</div>
				<div class="col-lg-6">
					<div class="login_form_inner">
						<h3>登陆</h3>
						<p style="color: green" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
						<form class="row login_form" action="/login" method="post" id="contactForm">
							<div class="col-md-12 form-group">
								<input type="text" class="form-control" id="name" name="username" placeholder="用户名" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Username'">
							</div>
							<div class="col-md-12 form-group">
								<input type="password" class="form-control" id="password" name="password" placeholder="用户名" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Password'">
							</div>
							<div class="col-md-12 form-group">
								<div class="creat_account">
									<input type="checkbox" id="f-option2" name="rememberMe">
									<label for="f-option2">记住我</label>
								</div>
							</div>
							<div class="col-md-12 form-group">
								<button type="submit" value="submit" class="button button-login w-100">Log In</button>
								<a href="#">忘记密码?</a>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================End Login Box Area =================-->



  <!--================ Start footer Area  =================-->	
	<footer class="footer" th:replace="~{comm/common::footer}"/>
	<!--================ End footer Area  =================-->



  <script th:src="@{/vendors/jquery/jquery-3.2.1.min.js}"></script>
  <script th:src="@{/vendors/bootstrap/bootstrap.bundle.min.js}"></script>
  <script th:src="@{/vendors/skrollr.min.js}"></script>
  <script th:src="@{/vendors/owl-carousel/owl.carousel.min.js}"></script>
  <script th:src="@{/vendors/nice-select/jquery.nice-select.min.js}"></script>
  <script th:src="@{/vendors/jquery.ajaxchimp.min.js}"></script>
  <script th:src="@{/vendors/mail-script.js}"></script>
  <script th:src="@{/js/main.js}"></script>
</body>
</html>
